.content {
	background: #fff;
	overflow-x: hidden;
}

/* second */
.king-box {
	box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(102, 100, 93, 0.2);
	border-radius: 12rpx;
	margin: -70rpx 0 0 0;
}


/* swiper */
.activity {
	position: relative;
}

.uni-swiper__warp {
	overflow: visible !important;
}

.appBannerBox {
	position: relative;
	z-index: 9;
}

.appBannerTy {
	width: 632upx;
	height: 328upx;
	position: absolute;
	bottom: -20upx;
	left: calc(50% - 316upx);
	z-index: 3;
}

.appBannerTy.carouselTy {
	width: 444rpx;
	height: 218rpx;
	left: calc(50% - 222rpx);
	opacity: 0.5;
	bottom: -8rpx;
}

.swiper-box {
	height: 300rpx;
	border-radius: 20rpx;
	position: relative;
}

swiper-item {
	z-index: 1;
}

.swiperImage {
	width: 694rpx;
	height: 290rpx;
	border-radius: 20rpx;
}

.swiperBg {
	position: absolute;
	width: 536rpx;
	height: 232rpx;
	background: rgba(102, 100, 93, 1);
	border-radius: 16rpx;
	opacity: 0.4;
	-webkit-filter: blur(16rpx);
	filter: blur(16rpx);
	bottom: 6rpx;
	left: 80rpx;
	z-index: -1;
}

/* explore */
.explore {
	background: rgba(119, 119, 119, 1);
	border-radius: 12upx;
	padding: 0 0 2rpx;
}

.exploreTitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	height: 120rpx;
	padding: 0 24rpx;
}

.exploreHeader {
	width: 80rpx;
	height: auto;
	height: 80rpx;
	border-radius: 100rpx;
}

.exploreInfo {
	flex: 1;
	padding-left: 20rpx;
}

.exploreInfo h3 {
	font-size: 26rpx;
	line-height: 38rpx;
	font-weight: 500;
}

.exploreInfo p {
	font-size: 22rpx;
	line-height: 38rpx;
}

.exploreMore {
	font-size: 24rpx;
	background-size: contain;
}

.exploreBox {
	background: #fff;
	margin: 0 12upx 12upx;
	padding: 20upx 12upx;
	border-radius: 12upx;
}

.exploreLi {
	box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.08);
	border-radius: 20rpx;
	margin-top: 20rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 24rpx;
	height: 98rpx;
}

.exploreLi:first-child {
	margin: 0;
}

.exploreLi button {
	width: 130rpx;
	height: 50rpx;
	background: rgba(250, 204, 107, 1);
	border-radius: 12rpx;
	color: rgba(102, 100, 93, 1);
	font-size: 24rpx;
	line-height: 50rpx;
	padding: 0;
}

.exploreLi button:after {
	border: none;
}

.exploreLiHeader {
	width: 70rpx;
	height: 70rpx;
	border-radius: 100rpx;
}

.exploreText {
	padding-left: 20rpx;
	flex: 1;
}

.exploreText h3 {
	font-size: 26rpx;
	color: rgba(102, 100, 93, 1);
	line-height: 36rpx;
}

.exploreText p {
	color: rgba(138, 140, 141, 1);
	font-size: 24rpx;
	line-height: 33rpx;
	margin-top: 4rpx;
}

.exploreText p image {
	height: auto;
	width: 20rpx;

}

/* titleBox统一的流线背景 */
.titleBox {
	background: url(//mall-rongchuang.oss-cn-beijing.aliyuncs.com/guixin_miniProgram/img/home/lines.png) no-repeat top #fff;
	background-size: contain;
	display: flex;
	justify-content: space-between;
	color: #66645d;
	align-items: center;
	padding: 100rpx 0 0 8rpx;
	font-size: 36rpx;
	margin-bottom: 24rpx;
}

.titleBox h3 {
	font-weight: 500;
	font-size: 36rpx;
	font-weight: 400;
}

.titleMore {
	display: flex;
	align-items: center;
	font-size: 24rpx;
	background-size: contain;
}

/* centering归心社群 */
.centering {
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 24rpx;
}

.centeringImgSmall {
	width: 25%;
	display: inline-flex;
	align-items: center;
	border-radius: 12rpx;
	overflow: hidden;
}

.centeringImgSmall:first-child {
	padding-left: 0;
}

.centeringImgSmall:last-child {
	padding-right: 0;
}

.centeringImgSmall image {
	width: 100%;
	border-radius: 12rpx;
}

.centeringImgLarge image {
	width: 180rpx;
	height: 271rpx;
}

/* centeringStory */
.centeringStory {
	margin-bottom: 24rpx;
}

.centeringStoryLi {
	display: flex;
	justify-content: space-between;
	margin-bottom: 24rpx;
	padding-bottom: 24rpx;
	position: relative;
}

.tip {
	width: 64rpx;
	height: 30rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #F39800;
	font-size: 20rpx;
	position: absolute;
	left: 0;
	top: 16rpx;
	line-height: 42rpx;
	padding-left: 0rpx !important;
}

.centeringStoryLi:after {
	content: '';
	background-color: #efefef;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2rpx;
	transform: scaleY(0.5);
}

.centeringStoryLi:last-child:after {
	height: 0;
}

.centeringStoryLi image {
	width: 275rpx;
	height: 160rpx;
	border-radius: 12rpx;
	margin-right: -10rpx;
}

.centeringStoryLi h3 {
	height: 42rpx;
	font-size: 30rpx;
	font-weight: 500;
	color: rgba(102, 100, 93, 1);
	line-height: 42rpx;
	margin-bottom: 24rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	/* white-space: nowrap; */
}

.centeringStoryLi p {
	font-size: 26rpx;
	font-weight: 400;
	color: rgba(138, 140, 141, 1);
	line-height: 37rpx;
	overflow: hidden;
	height: 74rpx;
}

.centeringStoryLi view {
	flex: 1;
	padding-left: 20rpx;
}

/* hot */
.hot {
	position: relative;
	margin-top: -27rpx;
}

.theme {
	position: relative;
	padding-bottom: 30rpx;
}

.swiperHotImage {
	width: 430rpx;
	height: 200rpx;
	border-radius: 20rpx;
}

.swiper-pyramid .swiperHotImage {
	height: 150rpx;
	margin-top: 25rpx;
}

.swiper-active.swiperHotImage {
	height: 400rpx;
	margin-top: 0;
}

.swiperHotBg {
	position: absolute;
	width: 336rpx;
	height: 186rpx;
	background: rgba(102, 100, 93, 1);
	border-radius: 16rpx;
	opacity: 0.4;
	-webkit-filter: blur(16rpx);
	filter: blur(16rpx);
	top: 15rpx;
	left: 200rpx;
	z-index: 0;
}

.swiperHotbox {
	height: 210rpx;
	border-radius: 20rpx;
	position: relative;
	z-index: 1;
}

.swiperThemeText {
	background: rgba(255, 255, 255, 0.6);
	border-radius: 0rpx 0rpx 20rpx 20rpx;
	height: 40rpx;
	position: absolute;
	bottom: 10rpx;
	width: 100%;
	line-height: 40rpx;
	font-size: 24rpx;
	font-weight: 300;
	color: rgba(102, 100, 93, 1);
	text-align: center;
	z-index: 99;
}

/* footer */
.footer {
	height: 110rpx;
	font-size: 22rpx;
	line-height: 30upx;
	font-weight: 400;
	color: rgba(138, 140, 141, 1);
	padding: 32rpx 0 49rpx;
	text-align: center;
	background: rgba(247, 247, 247, 1);
	font-family: 'PingFangSC-Regular';
}

uni-tabbar {
	box-shadow: 0rpx -6rpx 16rpx 0rpx rgba(0, 0, 0, 0.08) !important;
}


.theme {
	position: relative;
}

.wiper-hot-image {
	width: 100%;
	height: 200rpx;
	border-radius: 20rpx;
}

.wiper-diary-image {
	width: 100%;
	height: 220rpx;
	border-radius: 12rpx 12rpx 0 0;
}

.swiper-survey-image {
	width: 100%;
	height: 180rpx;
	border-radius: 12rpx 12rpx 0 0;
	margin-bottom: 20rpx;
}

.survey-content {
	width: 100%;
}

.diary-content {
	margin-bottom: 12rpx;
}

.diary-info {
	border-radius: 0 0 12rpx 12rpx;
	background: #fff;
	padding: 24rpx;
	box-shadow: 0rpx 8rpx 20rpx rgba(102, 100, 93, 0.1);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.swiper-hot-box-diary {
	height: 445rpx;
	border-radius: 20rpx;
	position: relative;
	z-index: 1;
}

.diary-info {
	padding: 24rpx;
}

.diary-content {
	font-size: 26rpx;
	font-weight: 500;
	color: rgba(102, 100, 93, 1);
	line-height: 37rpx;
	margin-bottom: 38rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.diary-user {
	font-size: 24rpx;
	font-weight: 400;
	color: rgba(138, 140, 141, 0.5);
	line-height: 33rpx;
	margin-bottom: 4rpx;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.diary-date {
	font-size: 24rpx;
	font-weight: 400;
	color: rgba(138, 140, 141, 0.5);
	line-height: 33rpx;
}